.page-user-points {
    .r1 {
        height: 110PX;
        color: #fff;
        background: linear-gradient(270deg, rgba(39, 181, 242, 1) 0%, rgba(109, 205, 255, 1) 100%);
        
        .points{
            font-size: 28PX;
        }
        .current{
            font-size: 14PX;
        }
    }

    .r2 {
        height: 50PX;
        border-bottom: 1px solid #F1F1F1;

        .left {
            text-align: left;
            font-size: 18PX;
        }
        .right {
            text-align: right;
            font-size: 14PX;
            color: #999;
        }

        .at-col {
            padding: 0 10PX;
        }
    }

    .list-item {
        height: 50PX;
        border-bottom: 1px solid #F1F1F1;

        .at-col {
            padding: 0 10PX;
        }

        .left {
            text-align: left;

            .name{
                font-size: 14PX;
            }

            .date{
                font-size: 12PX;
                color: #999;
            }
        }

        .right {
            text-align: right;
            font-size: 14PX;
            color: #DF1616;
        }

        text {}

        image {
            width: 20PX;
            height: 20PX;
            margin-left: 5PX;
            vertical-align: bottom;
        }
    }
}
.unselected{
    color:#999!important;
}
.selected{
    color:#1A1A1A!important;
}